<template>
  <view class="box">
    <image class="img" :src="require('@/static/image/my/kefu.png')"></image>
    <view class="time">客服工作时间：09:00~12:00 13:00~18:00</view>
    <view class="hint">温馨提示：投诉问题反馈发送至客服邮箱</view>
    <view class="email">12345@qq.com</view>
    <u-button @click="handleCopy" style="margin-top: 30rpx" size="mini" shape="circle">复制</u-button>
    <u-button ripple shape="circle" class="kefu" @click="handlePhone" type="primary">客服电话</u-button>
  </view>
</template>

<script>
export default {
  name: "complaint",
  methods:{
    handleCopy(){
      uni.setClipboardData({
        data: '12345@qq.com',
        success: function () {
          uni.showToast({
            title:'复制成功'
          })
        }
      });
    },
    handlePhone(){

    }
  }
}
</script>

<style scoped lang="scss">
.box{
  position: relative;
  width: 100vw;
  height: 100%;
}
.img{
  display: block;
  margin: 100rpx auto 80rpx;
}
.kefu{
  position: absolute;
  bottom: -200rpx;
  width: 600rpx;
  left: 0;
  right: 0;
}
view{
  text-align: center;
}
.time{
  font-size: 28rpx;
  font-weight: bold;
}
.hint{
  color: #999;
  font-size: 24rpx;
  margin: 10rpx 0;
}
</style>
